/*
* 用户领数卡折线图/支付分析柱图
* */
import echart from 'echarts'

const cardData = (boolean, legendData, xAxisData, seriesData, domId) => {
  let option = {
    grid: {
      bottom: 80
    },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      orient: 'horizontal', // 'vertical'
      x: 'left', // 'center' | 'left' | {number},
      y: 'top', // 'center' | 'bottom' | {number}
      data: legendData
    },
    toolbox: {
      show: true,
      feature: {
        mark: {show: false},
        dataView: {show: false, readOnly: false},
        magicType: {show: true, type: ['line', 'bar']},
        restore: {show: true},
        saveAsImage: {show: false}
      }
    },
    calculable: true,
    xAxis: [
      {
        type: 'category',
        boundaryGap: boolean,
        data: xAxisData
      }
    ],
    yAxis: [
      {
        type: 'value'
      }
    ],
    dataZoom: [{
      type: 'inside',
      zoomOnMouseWheel: false,
      start: 0,
      end: 100
    }, {
      start: 0,
      end: 100,
      handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
      handleSize: '80%',
      handleStyle: {
        color: '#fff',
        shadowBlur: 3,
        shadowColor: 'rgba(0, 0, 0, 0.6)',
        shadowOffsetX: 2,
        shadowOffsetY: 2
      }
    }],
    series: seriesData
  }
  let graphObj = echart.init(document.getElementById(domId))
  graphObj.setOption(option, true)
  window.onresize = graphObj.resize
}

export default cardData
